<template>
  <div id="app">
    <transition>
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
export default {
  name: "App",
  create() {
    console.log(this.$route);
  },
  mounted() {
    console.log(this.$route);
    this.$onGlobalStateChange &&
      this.$onGlobalStateChange((state, prev) => {
        console.log("[微应用][状态变化]", state, prev);
      });
    this.$setGlobalState &&
      this.$setGlobalState({
        token: "222222",
      });
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
</style>
